<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">

	<ui:define name="content">
    
    	<h:form id="formSolicitudesEmpleado">
    
    
	<h1><h:outputText value="Consultar Solicitudes" /></h1>
	<h:messages errorStyle="color: red;" />
	
		<h:panelGrid columns="1" id="paneltablaSolicitudes">
			
			<h:outputLabel for="pendientes" value="Solicitudes Pendientes:" />
			<h:dataTable value="#{empleadoBean.listaPendientes}" var="solicitudP" styleClass="order-table"
    			headerClass="order-table-header"
    			rowClasses="order-table-odd-row,order-table-even-row" border="1">
    			
			<h:column>
				<!-- column header -->
				<f:facet name="header">
					<h:outputText value="Fecha/Hora de creacion" />
				</f:facet>
				<!-- TODO ver tema de mapeo de fechas y calendar  -->
				<h:outputText value="#{solicitudP.fechaCreacion.time}">
					<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
				</h:outputText>
				<!-- row record -->
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Centro de costo" />
				</f:facet>
				<h:outputText value="#{solicitudP.centroCosto.nombre}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Descripcion" />
				</f:facet>
				<h:outputText value="#{solicitudP.descripcion}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Importe estimado" />
				</f:facet>
				<h:outputText value="#{solicitudP.importeEstimado}">
					<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
				</h:outputText>
			</h:column>
		</h:dataTable>
    		
    		<h:outputLabel for="aprobadas" value="Solicitudes Aprobadas:" />
    		<h:dataTable value="#{empleadoBean.listaAprobadas}" var="solicitudA" styleClass="order-table"
    			headerClass="order-table-header"
    			rowClasses="order-table-odd-row,order-table-even-row" border="1">

			<h:column>
				<!-- column header -->
				<f:facet name="header">
					<h:outputText value="Fecha/Hora de creacion" />
				</f:facet>
				<h:outputText value="#{solicitudA.fechaCreacion.time}">
					<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
				</h:outputText>
				<!-- row record -->
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Centro de costo" />
				</f:facet>
				<h:outputText value="#{solicitudA.centroCosto.nombre}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Descripcion" />
				</f:facet>
				<h:outputText value="#{solicitudA.descripcion}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Importe estimado" />
				</f:facet>
				<h:outputText value="#{solicitudA.importeEstimado}">
					<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
				</h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Nombre del Supervisor" />
				</f:facet>
				<h:outputText value="#{solicitudA.supervisor.nombres}">	</h:outputText>
			</h:column>
    			
   			<h:column>
   				<f:facet name="header"><h:outputText value="Fecha/Hora de aprobacion" /></f:facet>
   				<h:outputText value="#{solicitudA.fechaAprobacion.time}">
   					<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
   				</h:outputText>
   			</h:column>
   			
   			<h:column>
   				<f:facet name="header"><h:outputText value="Comentario" /></f:facet>
   				<h:outputText value="#{solicitudA.comentario}">	</h:outputText>
   			</h:column>
    			
			<h:column>
				<f:facet name="header">
					<h:outputText value="Dar de alta gasto" />
				</f:facet>
				<h:commandLink action="#{empleadoBean.crearGasto}" value="Crear Gasto">
					<f:setPropertyActionListener target="#{empleadoBean.solicitudGasto}" value="#{solicitudA}" />
				</h:commandLink>
			</h:column>

		</h:dataTable>
    		
    		<h:outputLabel for="rechazadas" value="Solicitudes Rechazadas:" />
    		<h:dataTable value="#{empleadoBean.listaRechazadas}" var="solicitudR" styleClass="order-table"
    			headerClass="order-table-header"
    			rowClasses="order-table-odd-row,order-table-even-row" border="1">
    			
			<h:column>
				<!-- column header -->
				<f:facet name="header">
					<h:outputText value="Fecha/Hora de creacion" />
				</f:facet>
				<h:outputText value="#{solicitudR.fechaCreacion.time}">
					<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
				</h:outputText>
				<!-- row record -->
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Centro de costo" />
				</f:facet>
				<h:outputText value="#{solicitudR.centroCosto.nombre}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Descripcion" />
				</f:facet>
				<h:outputText value="#{solicitudR.descripcion}"></h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Importe estimado" />
				</f:facet>
				<h:outputText value="#{solicitudR.importeEstimado}">
					<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
				</h:outputText>
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Nombre del Supervisor" />
				</f:facet>
				<h:outputText value="#{solicitudR.supervisor.nombres}">	</h:outputText>
			</h:column>
			
			<h:column>
   				<f:facet name="header"><h:outputText value="Fecha/Hora de rechazo" /></f:facet>
   				<h:outputText value="#{solicitudR.fechaAprobacion.time}">
   					<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
   				</h:outputText>
   			</h:column>
			
			<h:column>
   				<f:facet name="header"><h:outputText value="Comentario" /></f:facet>
   				<h:outputText value="#{solicitudR.comentario}">	</h:outputText>
   			</h:column>

		</h:dataTable>
		<h:panelGroup>
			<h:commandButton id="btnVolver" value="Volver" action="aMenuEmpleado" immediate="true" />
		</h:panelGroup>

	</h:panelGrid>
	
		</h:form>
	
</ui:define>
</ui:composition>
</html>